<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>点击我</div>
    <script>
      // 获取元素
      const btn = document.querySelector("div");

      // 定义事件处理函数
      function handleClick() {
        console.log("按钮被点击了");
      }

      // 绑定事件
      btn.addEventListener("click", handleClick);

      setTimeout(() => {
        // 解绑事件
        btn.removeEventListener("click", handleClick);
      }, 3000);
    /* 
    事件解除绑定，事件要做到解除绑定不能使用匿名函数，需要把事件函数单独提出来，要做事件得时候再丢给事件类型
    */
    </script>
  </body>
</html>
